import Vue from 'vue';

// 整个UI框架都按照按需引入 
import {
    Button,
    Stepper,
    Search,
    Swipe, 
    SwipeItem,
    Icon,
    Tag,
    List,
    Cell,
    DropdownMenu,
    DropdownItem,
    Empty,
    Toast,
    Tabbar,
    TabbarItem,
    Grid,
    GridItem,
    Col,
    Row,
    Popup,
    Form,
    Field,
    Dialog,
    Card,
    Sku,
    GoodsAction,
    GoodsActionIcon,
    GoodsActionButton,
    Checkbox,
    CheckboxGroup,
    SubmitBar,
    SwipeCell,
    Lazyload,
    Pagination,
    TreeSelect
} from 'vant';

Vue.use(TreeSelect);
Vue.use(Pagination);
Vue.use(SwipeCell);
Vue.use(SubmitBar);
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(GoodsAction);
Vue.use(GoodsActionButton);
Vue.use(GoodsActionIcon);
Vue.use(Sku);
Vue.use(Card);
Vue.use(Dialog)
Vue.use(Form);
Vue.use(Field);
Vue.use(Popup);
Vue.use(Col);
Vue.use(Row);
Vue.use(Grid);
Vue.use(GridItem);
Vue.use(Tabbar);
Vue.use(TabbarItem);
Vue.use(Toast);
Vue.use(Empty);
Vue.use(List);
Vue.use(Cell);
Vue.use(Tag);
Vue.use(Icon);
Vue.use(Button)
Vue.use(Stepper)
Vue.use(Search)
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(DropdownMenu);
Vue.use(DropdownItem);
Vue.use(Lazyload);

// 注册时可以配置额外的选项
Vue.use(Lazyload, {
  lazyComponent: true,  //设置懒加载
  loading: require("../assets/loading.gif")  //设置懒加载的图片提示
});

// 备注说明：
// 安装插件 'babel-plugin-import' 并配置。
// 然后在代码中直接引入 Vant 组件 
// 插件会自动将代码转化为以下的的按需引入形式   --  来自官方说明
// import Button from 'vant/lib/button';
// import 'vant/lib/button/style';